#{extends '/main.html' /}
<style>
body {
	margin: auto 0px;
	text-align: center;
}

#header {
	margin-bottom: 50px;
	text-align: right;
	margin-right: 10px;
}

#main {
	margin: 0px auto;
	width: 1000px;
}

.block {
	margin: 5px 5px 5px 5px;
	border: 1px solid #B8D0D6;
	width: auto;
	height: auto;
}

.head_a {
	border: 1px solid #5195B7;
	padding: 2px 4px 2px 4px;
	color: #183152;
	background-color: #F6F9F9;
}

.head_a:hover {
	color: #183152;
	padding: 2px 4px 2px 4px;
	border: 1px solid #5195B7;
	background-color: #D4E9F1;
}
.block_head {
	background-image: url(@{'/public/images/header.jpg'});
	background-repeat: repeat-x;
	padding-left: 10px;
	color: #183152;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #B8D0D6;
	padding-left: 10px;
}

.block_content {
	height: auto;
	padding: 10px;
}

.block_content a {
	margin: 2px 5px 2px 5px;
	font-weight: bold;
	font-size: 14px;
}
#operate_frame{
border: 0px;
}
</style>

<script type="text/javascript">
	$(document)
			.ready(
					function() {
						$("#operate_content").css("display", "none");
						$("#operate_list a").click(
								function(e) {
									$("#operate_content .block_head").text(
											$(e.target).text());
								});
						window.autoFrameSize = function() {
							var frame = $("#operate_frame")[0];
							if (frame.contentDocument)
								frame.style.height = frame.contentDocument.body.scrollHeight
										+ "px";
							else
								frame.style.height = frame.document.body.scrollHeight
								+ "px";
						}
					})

	function showOperate(add) {
		$("#operate_content").css("display", "block");
		$("#operate_frame").attr("src", "/manager/" + add + ".html");
		window.autoFrameSize();
	}
</script>

<div id="main">
	<div id="header">
		您好，${session.user}|[<a href="@{manager.Manager.exit()}">退出登录</a>][<a href="@{Application.index}" target="_blank">访问首页</a>]
	</div>
	<div class="block">
		<div class="block_head">请选择操作</div>
		<div class="block_content" id="operate_list">
			<a href="javascript:showOperate('addShopItem')" class="head_a">添加衣服</a> <a
				href="javascript:showOperate('getShopItemList')" class="head_a">查看所有衣服</a>
		</div>
	</div>
	<div class="block" id="operate_content">
		<div class="block_head">请选择操作</div>
		<div class="block_content">
			<iframe id="operate_frame"  style="height: 100%; border: 0px;"></iframe>
		</div>
	</div>

</div>